<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/media.css">
    <link rel="stylesheet" href="./lib/mui/css/mui.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/mall_nav.css">
    <title>mall_nav</title>
</head>

<body>
    <header>
        <div class="content">
            <a href="javascript:;" class="site">&lt;</a>
            <span>商城导航</span>
            <a href="javascript:;" class="user">
                <img src="http://www.ak48.xyz:9090/images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <div class="mall_nav">
        <!-- <div class="nav_list">
            <a href="#"><img src="http://misc.manmanbuy.com/images/hzweb/360.png" alt="" class="navImg"><span class="navTitle">京东商城</span></a>
        </div>
        <div class="nav_list">
            <a href="#"><img src="http://misc.manmanbuy.com/images/hzweb/360.png" alt="" class="navImg"><span class="navTitle">京东商城</span></a>
        </div>
        <div class="nav_list">
            <a href="#"><img src="http://misc.manmanbuy.com/images/hzweb/360.png" alt="" class="navImg"><span class="navTitle">京东商城</span></a>
        </div> -->

    </div>
</body>
<script type="text/html" id="listTpl">
    {{each arr item index}}
        <div class="nav_list">
            <a href="{{item.navHref}}">
                <img src="{{item.navImg}}" alt="" class="navImg">
                <span class="navTitle">{{item.navTitle}}</span>
            </a>
        </div>
    {{/each}}
</script>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/mall_nav.js"></script>

</html>